<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>注册即送800元京东卡 - 团贷网</title>
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" type="text/css" href="css/public.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css?v=20180830" />
</head>

<body>
    <!-- top start -->
    <div class="top">
        <a href="javascript:;" class="logo" target="_blank"></a>
        <a class="back" href="//www.tuandai.com" style="display: none;">返回首页</a>
    </div>
    <!-- top end -->
    <div id="banner_box" class="slideBox" style="background:url('images/banner_bg.png') no-repeat center top;">
        <div class="mid">
            <div class="banner_1 fadeRight">
                <img src="images/banner-1.png" alt="banner-1" />
            </div>
            <div class="banner_2 perspectiveIn">
                <img src="images/banner-2.png" alt="banner-2" />
            </div>
            <!-- <div class="banner_3 fadeInDown"><img src="images/banner-3.png" alt="" /></div> -->
            <div class="login-box rightmove">
                <div class="title">12.6%参考年回报率</div>
                <form class="regist-form" id="regist-form" autocomplete="off">
                    <div class="input-group" style="top:65px;">
                        <i class="icon phoneIcon"></i>
                        <input type="text" data-flag="phone" name="phone" id="phone" class="form-control" placeholder="请输入手机号码" autocomplete="off"
                            maxlength="11">
                        <p class="msg phone-msg"></p>
                    </div>
                    <div class="input-group" style="top:124px;">
                        <i class="icon pwdIcon"></i>
                        <input type="password" data-flag="password" id="pwd" class="form-control" placeholder="密码由6-16个字符(字母+数字)" autocomplete="off"
                            maxlength="16">
                        <p class="msg pwd-msg"></p>
                    </div>
                    <div class="input-group" style="top:184px;">
                        <i class="icon imgcodeIcon"></i>
                        <input type="text" data-flag="imgcode" id="imgcode" class="form-control" placeholder="图形验证码" style="width:108px;" autocomplete="off"
                            maxlength="4">
                        <img src="https://tg.tuandai.com/ajaxhander/ValidateCode.ashx" alt="图形验证码" class="code-img" id="imgCode-btn" />
                        <p class="msg imgCode-msg"></p>
                    </div>
                    <div class="input-group" style="top:244px;">
                        <i class="icon telcodeIcon"></i>
                        <input type="text" data-flag="identifycode" id="identifycode" class="form-control" placeholder="手机验证码" style="width: 108px;"
                            autocomplete="off" maxlength="6">
                        <button type="button" class="btn identify-code" id="identify-btn">获取验证码</button>
                        <p class="msg identifyCode-msg"></p>
                    </div>
                    <div class="input-group checkbox-item color999">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" id="agreement" style="vertical-align: middle;"  >
                                我已阅读并同意《
                                <a href="//contract.tuandai.com/P2P/web/contractTypeService.aspx" class="tuan-word color-red" target="_blank">团贷网服务协议</a>》
                            </label>
                        </div>
                    </div>
                    <div class="input-group regist-btn">
                        <button type="button" id="register-btn" class="btn btn-default btn-block">马上注册领取福利</button>
                    </div>
                    <p class="tip-msg color999">已有账号，请
                        <a class="color-red" href="//www.tuandai.com/user/login.aspx">登录</a>
                    </p>
                </form>
            </div>
        </div>
    </div>
    <div class="module_1">
        <div class="module_cen">
            <!-- <div class="title">
                <img src="images/welfare-title.png" alt="新手福利专享">
            </div> -->
            <div class="p1-1">
                <img src="images/welfare-list.png?v=20180830" alt="投资产品新手红包" />
            </div>
        </div>
    </div>
    <div class="module_6">
        <div class="module_cen">
            <div class="title">
                <img src="images/invest-title.png" alt="投资送800元京东卡">
            </div>
            <div class="p6-1">
                <a href="#">
                    <img src="images/invest-list.png" alt="投资送800元京东卡">
                </a>
            </div>
            <div class="p6-rule">
                <a>活动规则</a>
            </div>
        </div>
    </div>
    <div class="module_3">
        <div class="module_cen">
            <div class="title">
                <img src="images/autobid-title.png" alt="优质投资项目">
            </div>
            <div class="p3-1">
                <div class="rate">12%</div>
                <div class="mon">
                    <span>3</span>个月</div>
                <div class="but">
                    <a href="#">马上投资</a>
                </div>
            </div>
            <div class="p3-2">
                <div id="slideBox" class="slideBox">
                    <div class="hd">
                        <ul>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="bd">
                        <div class="tempWrap">
                            <ul>
                                <li>
                                    <p class="tite">新手专享标</p>
                                    <p class="rate">10%</p>
                                    <p class="rate_wz">预期年化收益率</p>
                                    <p class="inst2">
                                        <i></i>15天/到期本息</p>
                                    <a href="#" class="investment">立即投资</a>
                                </li>
                                <li>
                                    <p class="tite">新手专享标</p>
                                    <p class="rate">11%</p>
                                    <p class="rate_wz">预期年化收益率</p>
                                    <p class="inst2">
                                        <i></i>1个月/到期本息</p>
                                    <a href="#" class="investment">立即投资</a>
                                </li>
                                <li>
                                    <p class="tite">We+自动服务12</p>
                                    <p class="jiaxi" style="position: absolute;width: 100%;text-align: center;font-size: 18px;color:red;">抢专享加息3%</p>
                                    <p class="rate">11%
                                        <span style="font-size: 28px;">+3%</span>
                                    </p>
                                    <p class="rate_wz">预期年化收益率</p>
                                    <p class="inst2">
                                        <i></i>12个月/每月付息</p>
                                    <a href="#" class="investment">立即投资</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="jisuanqi">
                    <div class="tab" id="calculate">
                        <table width="100%" border="0">
                            <tr class="list1">
                                <td width="130" class="txt_right">理财金额：</td>
                                <td>
                                    <input class="inp_1" id="money" type="text" maxlength="11" value="10000" />
                                </td>
                            </tr>

                            <tr class="list2">
                                <td width="130" class="txt_right">预期年化利率：</td>
                                <td>
                                    <input class="inp_2" id="rate" type="text" maxlength="2" value="11" readonly="readonly" />
                                </td>
                            </tr>
                            <tr class="list3">
                                <td class="name">理财期限：</td>
                                <td class="shijian">
                                    <ul>
                                        <li class="current" value="1">
                                            <i></i>1个月</li>
                                        <li value="3" class="">
                                            <i></i>3个月</li>
                                        <li value="6" class="">
                                            <i></i>6个月</li>
                                        <li value="12" class="">
                                            <i></i>12个月</li>
                                    </ul>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="p3-but">计算收益</div>
                    <div class="earnings">
                        <input class="inp_3" id="earnings" type="text" readonly="readonly" value="10091.67" />
                    </div>
                    <div class="interest">
                        <input class="inp_4" id="interest" type="text" readonly="readonly" value="91.67" />
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="module_4">
        <div class="module_cen">
            <div class="p4-1">
                <img src="images/advantage.png" alt="团贷网优势">
            </div>
        </div>
    </div>
    <div class="module_5">
        <div class="module_cen">
            <p class="p5-1">
                已有
                <span>349万4764</span> 名用户
                <br /> 领取新手福利
            </p>
            <a class="p5-2" href="#">立即领取</a>
            <div class="pai">
                <img src="images/pai.png" alt="小派">
            </div>
            <div class="tell">投资对应金额可提取518元现金红包，规则详看官网“新手福利”说明
                <br>投资有风险 入市需谨慎 最终受益以实际为准</div>
        </div>
    </div>



    <!--规则弹窗-->
    <div class="rule-popup" id="rule-popup">
        <div class="mask" style="width:100%; height:100%; left:0; top:0;position: absolute; opacity:0.8;filter:alpha(opacity=80);background:#000; z-index:8;"></div>
        <div class="mes-box" id="unLogin">
            <a class="close"></a>
            <div class="tit">活动规则</div>
            <div class="txt">
                <p>
                    <i>1</i> 活动有效期：2017年9月1日起至2017年11月30日期间内，在本链接完成注册且首次单笔投资（不含资产标、智享计划和债权转让）满足以上条件的用户，可获得对应奖励。（10月26日24点前完成首投用户不参与新增20元京东卡奖励）</p>
                <p>
                    <i>2</i>投资成功后30天内，京东卡领取链接将以短信的形式发送至用户注册的手机号码（领取奖励手机号码须与用户注册手机号码保持一致），红包将发送至用户团宝箱，数量有限，送完即止，逾期不作补发。</p>
                <p>
                    <i>3</i>本活动最终解释权归团贷网所有。</p>
            </div>
        </div>
    </div>

    <div class="foot2">
        <div class="mid">
            <div class="foot-msg">
                <p class="wor1">
                    <strong>1010-1218</strong>
                    <br>
                    <em>服务时间 09:00-22:00</em>
                </p>
                <div class="wor2">
                    2010-2018 版权所有 © 团贷网
                    <a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备12043601号-1</a>
                    <br> 地址：东莞市南城街道莞太路111号民间金融大厦1号楼28楼
                    <br>东莞团贷网互联网科技服务有限公司
                    <br>
                </div>
            </div>
        </div>
    </div>

    <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
    <script src="js/placeholder.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $(':input[placeholder]').placeholder();
        })
        //标的轮播
        jQuery(".slideBox").slide({ mainCell: ".bd ul", effect: "left", autoPlay: true, trigger: "click" });
        /***
        <script type="text/javascript">
            jQuery(".slideBox").slide({ titCell: ".hd ul", mainCell: ".bd ul", autoPlay: true, effect: "fold", interTime: "5000", autoPage: "<li><a></a></li>", delayTime: "1000", trigger: "click" });
        ***/
        $(".mes-box .close").click(function () {
            $('#rule-popup').hide();
        });

        $(".p6-rule a").click(function () {
            $('#rule-popup').show();
        });
        //计算器
        $(".jisuanqi .tab li").click(function () {
            var li_index = $(".jisuanqi .tab li").index(this);
            var rateValue = "";
            switch (li_index) {
                case 0:
                    rateValue = 11;
                    break;
                case 1:
                    rateValue = 12;
                    break;
                case 2:
                    rateValue = 9.5;
                    break;
                case 3:
                    rateValue = 11;
                    break;
            }
            $("#rate").val(rateValue);
            $(".jisuanqi .tab li").removeClass("current");
            $(this).addClass("current");
        });
        $(".jisuanqi .p3-but").click(function () {
            $(".p3-but-bg").addClass("rotating");
            setTimeout("$('.jisuanqi .p3-but-bg').removeClass('rotating')", 1000);
            $('#earnings').val("");
            $('#interest').val("");
            setTimeout(function () {
                var money = parseInt($('#money').val());
                var earnings = money * ($('#rate').val() / 100) / 12 * $('.jisuanqi .tab li.current').val() + money;
                earnings = earnings.toFixed(2)
                $('#earnings').val(earnings);
                var interest = earnings - money;
                $('#interest').val(interest.toFixed(2))
            }, 500)
        });

        /*JQuery 限制文本框只能输入数字*/
        $("#money,#rate").keyup(function () {
            $(this).val($(this).val().replace(/\D|^0[^0-9.]/g, ''));
        }).bind("paste", function () {  //CTR+V事件处理
            $(this).val($(this).val().replace(/\D|^0[^0-9.]/g, ''));
        }).css("ime-mode", "disabled"); //CSS设置输入法不可用


    </script>
</body>

</html>